/* 改变主题色变量 */
$--color-primary: #409EFF;
.el-button--primary.is-plain{
    // color: #6aa3db !important;
    // background: #ecf5ff;
    // border-color: #bfd5ec;
}

/* 改变 icon 字体路径变量，必需 */
// $--font-path: '~element-ui/lib/theme-chalk/fonts';

// @import "~element-ui/packages/theme-chalk/src/index";

// 标签颜色
.el-message {
    top: 50% !important;
    transform: translateX(-50%);
    min-height: 80px;
}
.el-message__content{
    font-size: 16px !important;
}
.number-tag {
    color: #fcfbfb;
    background: #ef6741;
    font-size: 12px;
    border-radius: 0;
    padding: 3px 8px;
}
.red-tag {
    color: #fcfbfb;
    background: #ef6741;
    font-size: 12px;
    border-radius: 0;
    padding: 3px 8px;
}
.green-tag {
    color: #e1f3d8;
    background: #67c23a;
    border: 1px solid #f0f9eb;
    font-size: 12px;
    border-radius: 0;
    padding: 3px 8px;
}
.denger-tag {
    border: 1px solid #ffbb96;
    font-size: 12px;
    border-radius: 0;
    padding: 3px 8px;
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c;
}
.danger{
    color: red;
}
.defaluts {
    border: 1px solid #cdcdcd;
    color: #545454;
    background: #ffffff;
    font-size: 12px;
    border-radius: 0;
    padding: 3px 8px;
}
.out-off {
    border: 1px solid #efd4fc;
    color: #7b0cbb;
    background: #f1e6fd;
    font-size: 12px;
    border-radius: 0;
    padding: 3px 8px;
}
.blue-tag {
    background: #ecf5ff;
    border: 1px solid #d9ecff;
    color: #409eff;
    font-size: 12px;
    border-radius: 0;
    padding: 3px 8px;
}
.sheng {
    background: #0945e9;
    border: 1px solid #0b55c4;
    color: #f8f8f8;
    font-size: 12px;
    border-radius: 0;
    padding: 3px 8px;
}
.sheng1 {
    background: #2183df;
    border: 1px solid #2183df;
    color: #f8f8f8;
    font-size: 12px;
    border-radius: 0;
    padding: 3px 8px;
}
.sheng2 {
    background: #96cbfd;
    border: 1px solid #a3d3f1;
    color: #f8f8f8;
    font-size: 12px;
    border-radius: 0;
    padding: 3px 8px;
}
.wait {
    font-size: 12px;
    border-radius: 0;
    padding: 3px 8px;
    background-color: #fdf6ec;
    border:1px solid  #faecd8;
    color: #e6a23c;
}
.agree {
    color: #67c23a;
    background: #e1f3d8;
    border: 1px solid #f0f9eb;
    font-size: 12px;
    border-radius: 0;
    padding: 3px 8px;
}
.refuse {
    font-size: 12px;
    border-radius: 0;
    padding: 3px 8px;
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c;
}
.cancel {
    background-color: #f4f4f5;
    border: 1px solid #e9e9eb;
    color: #909399;
    font-size: 12px;
    border-radius: 0;
    padding: 3px 8px;
}
.bolder {
    font-weight: bold;
    color: #d72311;
}
.time-out {
    background: #f19a9a;
    color: #ffffff;
    font-size: 12px;
    border-radius: 0;
    padding: 3px 8px;
}
.default {
    background: #ffffff;
    color: #000000;
    border: 1px solid gray;
    border-radius: 0;
    font-size: 12px;
    border-radius: 0;
    padding: 3px 8px;
}

.search_box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  
    :global {
      .el-input {
        width: 150px;
      }
      .el-select {
        .el-input {
          width: 90px;
        }
      }
      .el-input__icon {
        line-height: 27px;
      }
      .el-range-separator{
        line-height: 26px;
      }
    }
  }
  
  .topSelect {
    background-color: white;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 20px;
  }
.selectBox {
    margin: 4px 10px;
    :global {
      label {
        font-size: 14px;
        color: #666666;
      }
      .el-input__inner {
        height: 32px;
      }
      .el-input__suffix {
        line-height: 32px;
      }
      .el-date-editor--datetime{
        width: 200px;
      }
    }
  }
.el-button {
   padding: 5px 5px !important;
//    margin-bottom: 3px !important;
   border-radius: 1px !important;
}
.el-button--small, .el-button--small.is-round{
    padding: 8px 16px !important;
    font-size: 12px !important;
}
.el-button--danger{
    color: #e98282 !important;
    background-color: #FFF !important;
    border-color: #F56C6C;
}
.el-button--success{
  background-color: #42b983 !important;
  border-color: #42b983;
}
.el-button+.el-button{
    margin-left: 5px !important;
}
.el-input__inner {
    height: 30px !important;
    line-height: 30px !important;
    border-radius: 1px !important;
}
.el-input-group__append, .el-input-group__prepend{
    padding: 0 8px !important;
    background-color: #e6ecf5 !important;
}
.el-table thead{
    font-size: 13px;
    color: #4f4f4f !important;
    background: #a79a8a;
    font-weight: 600;
}
.el-table__body-wrapper{
  font-size: 13px;
}
.is-leaf{
    background: #c8e2f9  !important;
}


.user-table{
  border: 1px solid #EBEEF5;
  background: #f5f0e9;
}
.user-table-box{
  padding: 15px 20px;
}
.user-tr{
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.user-head{
  background: #adc5ff;
}
.user-border{
  border-bottom: 1px solid #EBEEF5;
}
.user-td{
  min-width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

//menu
i.el-submenu__icon-arrow.el-icon-arrow-right {
  display: none !important;
}
.el-submenu__icon-arrow{
	display: none !important;
}


// table
.el-table--enable-row-hover .el-table__body tr:hover>td {
  background-color: #ecf2f9 !important;
}
.el-table__body tr.current-row>td {
  background-color: #d2e0ef !important;
}

.searchBox1 {
    margin-left: 15px;
}
.selectBox {
    margin: 4px 10px !important;
  }
  .button-offt{
    padding: 9px 10px !important;
    font-size: 13px !important;
  }
  .el-icon-circle-close{
    // color: #ffffff !important;
  }
  .el-form-item{
    margin-left: 20px;
    margin-right: 20px;
  }

  @media screen and (max-width: 840px) {
    .el-date-range-picker.has-sidebar {
        left: -119px !important;
      }
     
    }


    